<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
<style>
    #a1 {
        color:#BBBBBB;
    }
</style>
    <script src="../jQuery-3.6.3.min.js"> </script>
    <script>
        $(function () {
            
            var txt=$("#a1").val(); //获取文本框输入值

            $("#a1").focus(function(){
                if($(this).val()==txt){
                    $(this).val(" ");
                }
            })


            $("#a1").blur(function(){

                if($(this).val()==""){
                    $(this).val(txt);
                }
            })




        })
    </script>
</head>

<body>

   <input id="a1" type="text" value="百度一下，你就知道">
   <input id="a2" type="button" value="搜索">
</body>

</html>